/*头部样式*/
.head-item {
    width: 100%;
    height: .5rem;
    padding: 0 3%;
    background-color: #FFF;
    text-align: center;
    line-height: .5rem;
    top: 0;
    left: 0;
    z-index: 1;
    border-bottom: solid 1px rgb(233, 233, 233);
}

.head-left {
    float: left;
    font-size: 16px;
    color: grey;
}

.personal {
    /*background-color: #FFF;*/
}

.personal-logo {
    text-align: center;
    background-color: #fff;
    padding-bottom: .2rem;
}

.personal-logo img {
    width: 20%;
    border-radius: 50%;
    margin: .5rem 0 .2rem 0;
}

.personal-name {
    font-size: 16px;
    color: black;

}

.personal-resource {
    color: grey;
}

.personal-edit {
    width: calc(100% / 3);
    float: left;
    padding-bottom: .3rem;
    background-color: #fff;
}

.personal-edit img {
    width: 20%;
    margin: 6px;
}

.tc {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.x-h {
    height: .1rem;
    padding-top: .5rem;
    background-color: rgb(243, 243, 243);
}

.ol, ul {
    padding: 0;
    margin: 0;
}

.tab-item {
    background-color: #fff;
    padding: .2rem 3%;
    font-size: 16px;
    border-bottom: 1px solid rgb(243, 243, 243);
}

.personal-tab {
    background-color: white;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.personal-tab-content {
    width: calc(100% / 5);
    float: left;;
}

.personal-out {
    font-size: 25px;
    margin-top: 5px;

}

.tablenum_title {
    padding-left: 5px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    height: 100%;
}

.head-item > img {
    float: left;
    margin: 8px 0;
    width: 0.2rem;
    height: 0.3rem;
}

.set-logout {
    width: 96%;
    margin: 2%;
    border: none;
    border-radius: 5px;
    background-color: #3BAB23;
    color: white;
    font-size: 18px;
    padding: 10px;
}

.set-font {
    font-size: 14px;
}

.like-save {
    font-size: 16px;
    color: #0a92ef;
}

.like {
    background-color: white;
    height: 100%;
}

.like-tips {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: grey;
}

.like-content {
    padding: 10px 10%;
}

.like-label {
    padding: 8px;
    margin: 10px;
    font-size: 16px;
    border-radius: 15px;
    border: solid 1px rgb(133, 133, 133);
}

.label-select {
    width: 100%;
    position: absolute;
    bottom: 50%;
    text-align: center;
}

.select-click {
    width: 50%;
    padding: 12px 80px;
    font-size: 16px;
    border: solid 1px #0a92ef;
    color: #0a92ef;
}

.img-add {
    margin-bottom: 1px;
}

.personal-list {
    min-height: 13em;
    border-bottom: 1px solid #cecece;
}

.personal-photo {
    border-radius: 50%;
    width: 11%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 2em 2em 2em 2em;
}

.personal-list-name {
    float: left;
    margin: 2em 0 0 0;
    width: 50%;
}

.personal-list-span {
    font-size: 18px;
    line-height: 1.27;
}

.personal-picture {
    width: 20%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 2em 0.1em 0.1em 0.1em;
}

.btn-delete {
    background-color: #35abed;
    color: white;
    font-size: 1.2em;
    margin: 1em 20em;
}

.addphoto-input{
    width: 25%;
    height: 10em;
    position: absolute;
    opacity: 0;
    top: 11%;
    left: 38%;
}
.infoinput{
    text-align: right;
     border: none;
    width: 40%;
    float: right;
    margin-top: -0.3em;
}

.sexselect{
    width: 12%;
    text-align: right;
    float: right;
    margin-top: -0.3em;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}